<template>
  <div class="common-layout">
    <el-container style="height: 85vh">
      <el-aside>
        <IndexMenu/>
      </el-aside>
      <el-main>
        <IndexTab/>
      </el-main>
    </el-container>
  </div>


</template>

<script>
import IndexMenu from '@/components/menu/menu.vue'
import IndexTab from "@/components/tab/tab.vue";


export default {
  name: 'IndexView',
  components: {
    IndexTab,
    IndexMenu
  },
  data() {
    return {}
  },
  mounted() {
  },
  methods: {
    // 获取当前浏览器路径部分
    getWindowPath() {
      return window.location.pathname.replace('/', '');
    }

  }
}
</script>

<style scoped>
.layout-container-demo .el-header {
  position: relative;
  background-color: var(--el-color-primary-light-7);
  color: var(--el-text-color-primary);
}

.layout-container-demo .el-aside {
  color: var(--el-text-color-primary);
  background: var(--el-color-primary-light-8);
}

.layout-container-demo .el-main {
  padding: 0;
}

.layout-container-demo .toolbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  right: 20px;
}

.common-layout {
  margin-top: 10px;
}
.el-main{
  padding: 10px;
;
}
</style>
  
